<?php
echo $this->Html->script('producto_v', false);

$id = $producto[0]['Producto']['id'];
$nombre = trim($producto[0]['Producto']['nombre']);
$nombre_link = str_replace(" ", "_", $nombre);
$img_ext = $producto[0]['Producto']['img_ext'];
$categoria_id = $producto[0]['Categoria']['id'];
$categoria = $producto[0]['Categoria']['nombre'];
$precio = $producto[0]['Producto']['precio'];
$precio_dolar = $producto[0]['Producto']['precio_dolar'];
$descripcion = $producto[0]['Producto']['descripcion'];
if ($precio_dolar == "SI") {
	$precio = "U\$S " . $precio;
} 
else {
	$precio = "$ " . $precio;
}
?>

<div id="fb-root"></div>
<script>
    (function(d, s, id) {
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) return;
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/es_LA/all.js#xfbml=1";
        fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
</script>
<script>
        !function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>

<div class="bloque productos">
    <div class="content">
        <div class="tabla top">
            <img src="<?= WWW ?>img/gse/categorias.jpg" />
        </div>
        <div class="titulo"><a href="<?=WWW?>categorias/v?v=<?=$categoria_id?>"><?=$categoria?></a> > <?=$nombre?></div>
        <div class="sidemenu">
            <?php
            $i = 0;
            foreach ($categorias as $cat) {
                $cat_id = $cat['Categoria']['id'];
                $cat_nombre = $cat['Categoria']['nombre'];
                $last_color = ($i % 2 ? 'par' : 'impar');
                echo '<div class="sidemenu_' . $last_color . '" rel="' . $cat_id . '">';
                echo '<a href="' . WWW . 'categorias/v?v=' . $cat_id . '">' . $cat_nombre . '</a>';
                echo '</div>';
                $i++;
            }
            $fill_height = 321 - 25 * $i;
            ?>
            <div class="sidemenu_fill_<?= $last_color ?>" style="height: <?= $fill_height ?>px !important;"></div>
        </div>
        <div class="tabla productos" id="productos" style="height: 331px !important;">
            <div class="producto-puntual">
                <?php
                if (!empty($img_ext)) {
                    echo '<div class="imagen">';
                    echo '<a id="imagen_producto" href="' . WWW . 'img/productos/' . $id . '.' . $img_ext . '">';
                    echo '<img src="' . WWW . 'img/productos/' . $id . '.' . $img_ext . '" />';
                    echo '</a>';
                    echo '</div>';
                }
                ?>
                <div class="informacion">
                    <div class="precio"><strong><?= $precio ?></strong></div>
                    <div><strong>Producto:</strong> <?= $nombre ?></div>
                    <div><strong>Categoría:</strong> <?= $categoria ?></div>
                    <div class="descripcion"><?= $descripcion ?></div>
                    <div class="redes_sociales">
                        <div class="fb-send" data-href="http://www.gsetronics.com.ar/productos/v/<?= $id ?>/<?= $nombre_link ?>"></div>
                        <a href="https://twitter.com/share" class="twitter-share-button" data-via="GSEtronics" data-lang="es" data-count="none">Twittear</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

